
<style>
// Classes
  .form{height:21px;width:124px;color:#121245;border:2px inset #de5654;display:inline;}
.show {
  display: block !important;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.invisible {
  visibility: hidden;
}

// Usage as mixins
.element {
  .show();
}
.another-element {
  .hidden();
  }

 .siblings * { 
    display: block;
    border: 2px solid lightgrey;
    color: lightgrey;
    padding: 5px;
    margin: 15px;
    }
    #usr{width:123px;color:#784512;background-color:#e7e89fe;}
    #pwd{width:123px;color:#784512;background-color:#e7e89fe;}


html, body {     height: 100%;     margin: 21;     padding: 140; }  
body {     min-height: 100%;     width: 977px;     padding: 140px 10px;     margin: 0 auto;     position: relative; }  
div#ideo {     /* Pour éviter la superposition du pied de page et du contenu : */     padding-bottom: 50px;  }  
div#footer {     position: absolute;     width: 750px;     bottom: 0;     left: 10px;     }    
div#content {     float: left;     width: 730px;height:auto; }   
 pre{color:#232123;overflow:hidden;} 
div#sidebar {     float: right;     width: 200px; border:2px stride #f95637;}   
div#center {padding-bottom: 50px;overflow: auto;}   
  </style>